import React, { Component } from 'react'
import { Flex } from 'antd-mobile'
import Img from './Img'
import '../assets/styles/listPage.less'
import { Link } from 'react-router-dom'

class SubListItem extends Component {
  constructor(props) {
    super(props)
    this.state = {}
  }
  render() {
    return (
      <Link to="/detail">
        <Flex className="sub-list-item">
          <Flex.Item className="sub-list-left">
            <Img src={this.props.obj.img} height={80} />
          </Flex.Item>
          <Flex.Item>
            <h3>{this.props.obj.title}</h3>
            <p>{this.props.obj.des}</p>
          </Flex.Item>
        </Flex>
      </Link>
    )
  }
}

export default SubListItem
